<input type="hidden" id="slideStreamId" value="<?php echo $this->slideStream->slideStreamId; ?>" />

<!-- <pre><?php //print_r($this->entities); ?></pre>-->

<div id="addSlideDialog">
    Select the type of slide you would like to add:<br /><br />
    <a href="#">Url</a>
    <br /><br />
    <a href="#">Image</a> 
    <br /><br />
    <a href="#">YouTube</a>
    <br /><br />
    <a href="#">VisibleTweets</a>
</div>

<div class="ui-widget-content ui-helper-clearfix" style="border: 0;">
    <div id="infoBarWrapper" class="yui-g">
        <div id="infoBar">
            <table>
                <tbody>
                    <tr>
                        <td width="190"><a id="previewSlideShowButton" class="ui-state-default linkButtonNoIcon" target="_blank" href="<?php echo $this->baseUrl(); ?>/sign?slideStreamId=<?php echo $this->slideStream->slideStreamId; ?>">Preview Slideshow</a></td>
                        <td width="537" id="slideStreamTitle" align="center"><span id="slideStreamTitle"><?php echo $this->slideStream->title; ?></span></td>
                        <td style="text-align: right;"><input id="saveSlideStreamButton" type="button" value="Save Slide Stream" /></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="ui-helper-clearfix"></div>
    
    <div id="editorMain" class="yui-gb">
        <div id="timelineWrapper" class="yui-u first">
            <h3 class="ui-state-active">
                <a id="addSlideButton" class="ui-state-default linkButtonNoText">&nbsp;<span class="ui-icon ui-icon-plusthick"></span></a>
                <a class="headerLabel">Timeline [<span id="totalSlides"></span>]</a>
            </h3>
            <div id="timeline">
                <div id="timelineContent">
                    <div id="timelineThumbs"></div>
                </div>
            </div>
            <div id="runningTime" class="ui-state-default">
                Total Time: <span id="totalRunningTime"></span>
            </div>
        </div>
        <div id="previewPane" class="yui-u ui-widget"> 
            <h3 class="ui-helper-reset ui-state-active">
                <input type="button" id="deleteSlideButton" value="Delete" />
                <a class="headerLabel">Details for: <span id="previewInfoTitle"></span></a>
            </h3>
            <div id="previewPaneContent" class="ui-helper-clearfix">
                <div id="previewImage"></div>
                <div id="previewInfo">
                
                    <p class="ui-helper-clearfix" style="padding:4px;">
                        Display Length: <span id="displayLength"></span>
                    </p>
                    
                    <div style="width: 200px; margin: 0 10px; float: left;">
                        <span>Minutes</span>
                        <div id="displayMinutesSlider"></div>
                    </div>
                    
                    <div style="width: 200px; margin: 0 10px; float: right;">
                        <span>Seconds</span>
                        <div id="displaySecondsSlider"></div>
                    </div>             
                </div>
            </div> 
        </div>
        <div id="controlPanel" class="yui-u">
            <h3><a href="#">Settings</a></h3>
            <div id="typeSettings"></div>
        <?php foreach ($this->optionModules as $m): ?>
            <h3><a href="#"><?php echo $m['object']->getTitle(); ?></a></h3>
            <div class="module" id="<?php echo $m['name']; ?>">
                <?php echo $m['object']->getOptionForm(1); ?>
            </div>
        <?php endforeach; ?>
        </div>
    </div> 
<div class="ui-helper-clearfix"></div>
</div>